import { SvgIcon } from '../type'

export default function BridgePageThumbnailIcon(props: SvgIcon) {
  const { width = 16, height = 16 } = props

  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 16 16"
      fill="none"
      className="chakra-icon"
      {...props}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M1.3335 11.1654C1.05735 11.1654 0.833496 11.3892 0.833496 11.6654C0.833496 11.9415 1.05735 12.1654 1.3335 12.1654V11.1654ZM1.3335 12.1654H2.72268V11.1654H1.3335V12.1654ZM6.4669 10.1615L8.98086 6.39058L8.14881 5.83588L5.63485 9.60682L6.4669 10.1615ZM11.893 4.83203H14.0002V3.83203H11.893V4.83203ZM8.98086 6.39058C9.62999 5.41689 10.7228 4.83203 11.893 4.83203V3.83203C10.3884 3.83203 8.9834 4.58399 8.14881 5.83588L8.98086 6.39058ZM2.72268 12.1654C4.22727 12.1654 5.63231 11.4134 6.4669 10.1615L5.63485 9.60682C4.98572 10.5805 3.89291 11.1654 2.72268 11.1654V12.1654Z"
        fill="currentColor"
      />
      <path
        d="M1.3335 4.83464C1.05735 4.83464 0.833496 4.61078 0.833496 4.33464C0.833496 4.05849 1.05735 3.83464 1.3335 3.83464V4.83464ZM1.3335 3.83464H2.72268V4.83464H1.3335V3.83464ZM6.4669 5.83848L8.98086 9.60942L8.14881 10.1641L5.63485 6.39318L6.4669 5.83848ZM11.893 11.168H14.0002V12.168H11.893V11.168ZM8.98086 9.60942C9.62999 10.5831 10.7228 11.168 11.893 11.168V12.168C10.3884 12.168 8.9834 11.416 8.14881 10.1641L8.98086 9.60942ZM2.72268 3.83464C4.22727 3.83464 5.63231 4.58659 6.4669 5.83848L5.63485 6.39318C4.98572 5.41949 3.89291 4.83464 2.72268 4.83464V3.83464Z"
        fill="currentColor"
      />
      <path d="M12.6665 6L14.353 4.35339L12.7064 2.66691" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M13 13.332L14.6865 11.6854L13.0399 9.99894" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  )
}
